<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="../css/public.css">
    <link rel="stylesheet" type="text/css" href="../css/login.css">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <script type="text/javascript" src="../node_modules/jquery/dist/jquery.js"></script>
    <script type="text/javascript" src="../js/login.js"></script>
    <script type="text/javascript" src="../node_modules/jquery-color/jquery.color.js"></script>
    <script src="../node_modules/jquery.cookie/jquery.cookie.js"></script>
</head>
<body>
    <!--页头-->
    <header>
        <div class="inner">
            <div class="logo"></div>
        </div>
    </header>
    <!--主体-->
    <main>
        <div class="inner">
            <div class="input_box">
                <h2>达令会员</h2>
                <div class="trigger">
                    <a href="javascript:;" class="active">登录</a>
                    <a href="javascript:;">注册</a>
                </div>
                <!--登录-->
                <form class="login">
                    <div class="message">
                        <span class="">
                            <span></span>
                        </span>
                        <input type="text" class="loginName" placeholder="请输入您的手机号码">
                        <p>
                            <i class="triangle"></i>
                            请输入正确的手机号码
                        </p>
                    </div>
                    <div class="message">
                        <span>
                            <span></span>
                        </span>
                        <input type="text" class="loginCode" maxlength="4" placeholder="请输入验证码">
                        <div class="authCode1">4567</div>
                        <p>
                            <i class="triangle"></i>
                            请输入正确的验证码
                        </p>
                    </div>
                    <div class="message">
                        <span>
                            <span></span>
                        </span>
                        <input type="password" class="loginPwd" placeholder="请输入密码">
                        <p>
                            <i class="triangle"></i>
                            请输入密码
                        </p>
                    </div>
                    <p>
                        <a href="javascript:;">忘记密码？</a>
                    </p>
                    <input type="button" id="btn_login" class="btn-red" value="登录">
                </form>
                <!--注册-->
                <form class="register">
                    <div class="message"><!--用户名-->
                        <span>
                            <span></span>
                        </span>
                        <input type="text" name="userName" class="userName" placeholder="请输入您的手机号码">
                        <p>
                            <i class="triangle"></i>
                            请输入正确的手机号码
                        </p>
                    </div>
                    <div class="message"><!--验证码-->
                        <span>
                            <span></span>
                        </span>
                        <input type="text" maxlength="4" class="userAuthCode" placeholder="请输入验证码">
                        <div class="authCode"></div>
                        <p>
                            <i class="triangle"></i>
                            请输入正确的验证码
                        </p>
                    </div>
                    <div class="message"><!--输入密码-->
                        <span>
                            <span></span>
                        </span>
                        <input type="password" name="userPwd" class="userPwd" placeholder="请输入8-20位密码">
                        <p>
                            <i class="triangle"></i>
                            请输入8-20位密码
                        </p>
                    </div>
                    <div class="message"><!--密码确认-->
                        <span>
                            <span></span>
                        </span>
                        <input type="password" placeholder="请再次输入密码" class="anginPwd">
                        <p >
                            <i class="triangle"></i>
                            两次密码输入不相同
                        </p>
                    </div>
                    <p class="text_arror">请接受服务条款</p>
                    <div>
                        <input type="checkbox" class="checkbox"/>
                        我已阅读并同意
                        <a href="javascript:;">《达令用户注册协议》</a>
                    </div>
                    <input type="button" id="btn_reg"  value="注册">
                </form>
            </div>
        </div>
    </main>
    <!--页脚-->
    <footer id="footer">
        <div class="promise">
            <ul>
                <li>为什么选择达令 <span></span></li>
                <li><span></span>100多个品牌授权</li>
                <li><span></span>24小时内发货</li>
                <li><span></span>保税区正品</li>
            </ul>
        </div>
        <div class="inner">
            <div class="investor">
                <div class="investor_left">
                    <dl>
                        <dt>投资人说达令</dt>
                        <dd>“hi，达令，我是陈赫，达令投资人，投资比影响力更重要的是责任。”</dd>
                    </dl>
                </div>
                <div class="investor_right">
                    <dl>
                        <dt>投资人说达令</dt>
                        <dd>达令™一手全球好货--带您购全球,教您神马值得买。<br/>
                            连续两年荣获App store 编辑推荐最佳购物类应用！”
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="copyright">
                <ul>
                    <li><a href="javascript:;" style="border-left: 0px">首页 </a></li>
                    <li><a href="javascript:;">网站地图</a></li>
                    <li><a href="javascript:;">消费者告知书</a></li>
                    <li><a href="javascript:;">优惠券使用规则</a></li>
                    <li><a href="javascript:;">退换货使用说明</a></li>
                    <li><a href="javascript:;">关于我们</a></li>
                    <li><a href="javascript:;" style="border-right: 0">联系我们</a></li>
                </ul>
                <div>
                    <span>北京普缇客科技有限公司</span>
                    <a href="javascript:;"><img src="../images/index/foot-1.png" alt=""></a>
                    <a href="javascript:;"><img src="../images/index/foot-2.png" height="41" alt=""></a>
                    <a href="javascript:;"><img src="../images/index/foot-3.jpg" alt=""></a>
                </div>
                <p>Copyright © 2016达令 ，All Rights Reserved │ 京ICP备14009583号-1 │ 京公网安备11010502027399 | 食品流通许可证编号：SP1101051510323113</p>
            </div>
        </div>
    </footer>
</body>
</html>